<template>
  <div class="container">
    <template>
      <div style="margin:30px">
        <el-dialog title="查看仓库" :visible.sync="StockdialogTableVisible" width="45%">
  <el-table :data="gridData" >
    <el-table-column property="date" label="商品id" width="150"></el-table-column>
    <el-table-column property="name" label="商品名" width="90"></el-table-column>
    <el-table-column property="name" label="商品编号" width="120"></el-table-column>
    <el-table-column property="name" label="商品数量" width="90"></el-table-column>
    <el-table-column property="name" label="商品价格" width="90"></el-table-column>
    <el-table-column property="name" label="商品规格" width="90"></el-table-column>
  </el-table>
</el-dialog>
        <el-input prefix-icon="el-icon-search" v-model="input" placeholder="请输入内容" style="width:200px"></el-input>&nbsp;<el-button
          type="success" @click="dialogFormVisible = true" icon="el-icon-search" circle class="btn"></el-button>
        <el-button type="warning" icon="el-icon-zoom-in" @click="dialogFormVisible = true" style="margin-left:20px" class="btn">高级查找</el-button>
      </div>
      <el-button class="btn" type="primary" @click="dialogFormVisible = true" icon="el-icon-circle-plus-outline">仓库</el-button><el-button type="danger" class="btn" @click="open" icon="el-icon-remove-outline">批量删除</el-button>
      <el-table :data="tableData" border style="width: 155.4vh;margin:auto;" size="medium" :header-cell-style="{ textAlign: 'center' }"
:cell-style="{ textAlign: 'center' }">
        <el-table-column type="selection" width="40"></el-table-column>
        <el-table-column prop="id" label="仓库id" width="70" fixed="left">
        </el-table-column>
        <el-table-column prop="stockname" label="仓库名" width="180">
        </el-table-column>
        <el-table-column prop="encode" label="仓库编码" width="180">
        </el-table-column>
        <el-table-column prop="group" label="仓库分类" width="130">
        </el-table-column>
        <el-table-column prop="edit_time" label="上一次修改时间" width="180">
        </el-table-column>
        <el-table-column prop="remarks" label="备注" width="180">
        </el-table-column>
        <el-table-column label="操作" width="210">
          <template slot-scope="scope">
            <el-button size="mini" icon="el-icon-warning" @click="StockdialogTableVisible=true">查看仓库</el-button>
            <el-button type="primary" icon="el-icon-edit" size="mini" circle></el-button>
            <el-button type="danger" icon="el-icon-delete" circle size="mini"></el-button>
          </template>
        </el-table-column>
      </el-table>
    </template>
  </div>
</template>
  
<script>
export default {
  data() {
    return {
      dialogFormVisible: false,
      StockdialogTableVisible:false,
      form: {
        username: '111',
        password: '111',
        code: '111',
        id: '111',
        encode: '34445',
        
      },tableData:[{
            id: '1',
            stockname: '王小虎',
            encode: '123567',
            group:'1',
            edit_time:'2002',
            remarks: '233'
          }, {
            id: '1',
            stockname: '王小虎',
            encode: '123567',
            group:'1',
            edit_time:'2002',
            remarks: '233'
          }]
    }
  }
}
</script>
  
<style lang="less" scoped>

</style>